﻿@{
    ViewBag.Title = "SearchEmployee";
    Layout = "~/Views/Shared/Layout.cshtml";
 <link rel="stylesheet" type="text/css" href="~/content/plugins/select2/select2_metro.css" />
    <script>
    jQuery(document).ready(function(){
    TableAdvanced.init();
    });
    </script>
    

}


			<!-- BEGIN PAGE CONTAINER-->        
			<div class="container-fluid">
				<!-- BEGIN PAGE HEADER-->
				<div class="row-fluid">
					<div class="span12">
						<!-- BEGIN PAGE TITLE & BREADCRUMB-->
						<h3 class="page-title">
							Empleado
						</h3>

					</div>
				</div>
				<!-- END PAGE HEADER-->
				<!-- BEGIN PAGE CONTENT-->
				<div class="row-fluid">
					<div class="span12">
						<!-- BEGIN EXAMPLE TABLE PORTLET-->
						<div class="portlet box yellow">
							<div class="portlet-title">
								<div class="caption"><i class="icon-globe"></i>Búsqueda de Empleados</div>

							</div>
							<div class="portlet-body">
                               
								
                                	<div class="actions maintenance-search ">
                                        <button type="submit" class="btn yellow"><i class="icon-plus"></i> <a href="/employee/addemployee">Agregar</a></button>
									<div class="btn-group pull-right">
										<a class="btn yellow" href="#" data-toggle="dropdown">
										Columnas
										<i class="icon-angle-down"></i>
										</a>
										<div id="sample_2_column_toggler" class="dropdown-menu hold-on-click dropdown-checkboxes pull-right">

                                            <label><input type="checkbox" checked data-column="2">Campo 2</label>
											<label><input type="checkbox" checked data-column="3">Campo 3</label>
											<label><input type="checkbox" checked data-column="4">Campo 4</label>
											
										</div>
									</div>
								</div>
                                
                                <table class="table table-striped table-bordered table-hover table-full-width" id="sample_2">
									<thead>
										<tr>
											<th>Nombre</th>
											<th>Campo 1</th>
											<th class="hidden-480">Campo 2</th>
											<th class="hidden-480">Campo 3</th>
											<th class="hidden-480">Campo 4</th>
                                            <th>Edit</th>
										</tr>
									</thead>
									<tbody>
										<tr>
											<td> <a href="/employee/viewemployee">Nombre 185</a></td>
											<td>
												Campo 1
											</td>
                                            <td class="hidden-480">Campo2</td>
											<td class="hidden-480">Campo 3</td>
											<td class="hidden-480">Campo4</td>
                                            <td>
                                                <a href="/employee/editemployee">Editar</a>
											</td>
										</tr>
										<tr>
											<td> <a href="/employee/viewemployee">Nombre 196</a></td>
											<td>
												Campo 1
											</td>
                                            <td class="hidden-480">Campo2</td>
											<td class="hidden-480">Campo 3</td>
											<td class="hidden-480">Campo4</td>
                                            <td>
                                                <a href="/employee/editemployee">Editar</a>
											</td>
										</tr>
										<tr>
											<td> <a href="/employee/viewemployee">Nombre 169</a></td>
											<td>
												Grupo 1
											</td>
                                            <td class="hidden-480">Campo2</td>
											<td class="hidden-480">Campo 3</td>
											<td class="hidden-480">Campo4</td>
                                            <td>
                                                <a href="/employee/editemployee">Editar</a>
											</td>
										</tr>
										<tr>
											<td> <a href="/employee/viewemployee">Nombre 1136</a></td>
											<td>
												Grupo 1
											</td>
                                            <td class="hidden-480">Campo2</td>
											<td class="hidden-480">Campo 3</td>
											<td class="hidden-480">Campo4</td>
                                            <td>
                                                <a href="/employee/editemployee">Editar</a>
											</td>
										</tr>
										<tr>
											<td> <a href="/employee/viewemployee">Nombre 115</a></td>
											<td>
												Grupo 1
											</td>
                                            <td class="hidden-480">Campo2</td>
											<td class="hidden-480">Campo 3</td>
											<td class="hidden-480">Campo4</td>
                                            <td>
                                                <a href="/employee/editemployee">Editar</a>
											</td>
										</tr>
										<tr>
											<td> <a href="/employee/viewemployee">Nombre 114</a></td>
											<td>
												Grupo 1
											</td>
                                            <td class="hidden-480">Campo2</td>
											<td class="hidden-480">Campo 3</td>
											<td class="hidden-480">Campo4</td>
                                            <td>
                                                <a href="/employee/editemployee">Editar</a>
											</td>
										</tr>
										<tr>
											<td> <a href="/employee/viewemployee">Nombre 113</a></td>
											<td>
												Grupo 1
											</td>
                                            <td class="hidden-480">Campo2</td>
											<td class="hidden-480">Campo 3</td>
											<td class="hidden-480">Campo4</td>
                                            <td>
                                                <a href="/employee/editemployee">Editar</a>
											</td>
										</tr>
										<tr>
											<td> <a href="/employee/viewemployee">Nombre 9</a></td>
											<td>
												Grupo 1
											</td>
                                            <td class="hidden-480">Campo2</td>
											<td class="hidden-480">Campo 3</td>
											<td class="hidden-480">Campo4</td>
                                            <td>
                                                <a href="/employee/editemployee">Editar</a>
											</td>
										</tr>
										<tr>
											<td> <a href="/employee/viewemployee">Nombre 67</a></td>
											<td>
												Grupo 1
											</td>
                                            <td class="hidden-480">Campo2</td>
											<td class="hidden-480">Campo 3</td>
											<td class="hidden-480">Campo4</td>
                                            <td>
                                                <a href="/employee/editemployee">Editar</a>
											</td>
										</tr>
										<tr>
											<td> <a href="/employee/viewemployee">Nombre 2</a></td>
											<td>
												Grupo 1
											</td>
                                            <td class="hidden-480">Campo2</td>
											<td class="hidden-480">Campo 3</td>
											<td class="hidden-480">Campo4</td>
                                            <td>
                                                <a href="/employee/editemployee">Editar</a>
											</td>
										</tr>
											<tr>
											<td> <a href="/employee/viewemployee">Nombre 7</a></td>
											<td>
												Grupo 2
											</td>
                                            <td class="hidden-480">Campo2</td>
											<td class="hidden-480">Campo 3</td>
											<td class="hidden-480">Campo4</td>
                                            <td>
                                                <a href="/employee/editemployee">Editar</a>
											</td>
										</tr>
										<tr>
											<td> <a href="/employee/viewemployee">Nombre 6</a></td>
											<td>
												Grupo 6
											</td>
                                            <td class="hidden-480">Campo2</td>
											<td class="hidden-480">Campo 3</td>
											<td class="hidden-480">Campo4</td>
                                            <td>
                                                <a href="/employee/editemployee">Editar</a>
											</td>
										</tr>
										<tr>
											<td> <a href="/employee/viewemployee">Nombre 11</a></td>
											<td>
												Grupo 5
											</td>
                                            <td class="hidden-480">Campo2</td>
											<td class="hidden-480">Campo 3</td>
											<td class="hidden-480">Campo4</td>
                                            <td>
                                                <a href="/employee/editemployee">Editar</a>
											</td>
										</tr>
										<tr>
											<td> <a href="/employee/viewemployee">Nombre 10</a></td>
											<td>
												Grupo 2
											</td>
                                            <td class="hidden-480">Campo2</td>
											<td class="hidden-480">Campo3</td>
											<td class="hidden-480">Campo4</td>
                                            <td>
                                                <a href="/employee/editemployee">Editar</a>
											</td>
										</tr>
									
									</tbody>
								</table>
							</div>
						</div>
						<!-- END EXAMPLE TABLE PORTLET-->

					</div>
				</div>
				<!-- END PAGE CONTENT-->
			</div>
			<!-- END PAGE CONTAINER-->